
body{
	font-family: Helvetica,Arial,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:none;
}

#contenedor{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	overflow: hidden;
}

#contenedor-login{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#encabezado{
		position:fixed; /*El div será ubicado con relación a la pantalla*/
		left:0px; /*A la derecha deje un espacio de 0px*/
		right:0px; /*A la izquierda deje un espacio de 0px*/
		top:0px; /*Abajo deje un espacio de 0px*/
		height:75px; /*alto del div*/
		z-index:0;
		color: white;
		width: 100%;
		text-align: right;
		margin: 0px 0px 0px 0px;
	    padding: 0px;
	    overflow: hidden;
	}
#menu-sig{
width: 34px;
	
}


#notificaciones{
	width: 100%;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: black;
}

#notificaciones p{
	width: 100px;
	height: 50px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color:white;
	float: left;
	font-size: 20px;
}

.bloque{
	width: 50px;
	height: 50px;
	float: right;
}

/************************************************************************/

/* cuadro celeste : area de notificacion de usuario para foto y sesion */
#notificacion-usuario{
	background-color: #61A7D0;
	width: 175px;
	height: 50px;
	overflow: hidden;
}

#notificacion-usuario-foto{
	border-radius: 20px;
	width: 43px;
	height: 43px;
	margin-left:5px;
	margin-top: 3px;
	float: left;
	box-shadow: 1px 1px 5px black;
}

#notificacion-usuario-foto img{ /* declaramos que la imagen se invoque al tamaño de la capa*/
	border-radius: 20px;
	width: 43px;
	height: 43px;
}

#notificacion-usuario-datos{
	width: 125px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	float: left;
}

#notificacion-usuario-datos-saludo{
	width: 125px;
	height: 25px;
	background-color: transparent;
	margin-top: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#notificacion-usuario-datos-saludo p{
	width: 125px;
	height: 25px;
	color: white;
	font-weight: bold;
	font-size: 13px;
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-top: 5px;
}

#notificacion-usuario-datos-nombre{
	width: 125px;
	height: 25px;
	background-color: transparent;
	margin-top: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#notificacion-usuario-datos-nombre p{
	width: 125px;
	height: 25px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-top: -2px;
}

/*************************************************************/

/* cuadro verde : area de notificaciones de existencia de solicitudes para peritajes */
#notificacion-peritaje{
	/*background-color: #2D8864;*/
	background: #2D8864 url("../img/icon_17393.svg") no-repeat center center;
	background-size: 28px 28px;
}

#notificacion-peritaje:hover{
	/*background-color: #2D8864;*/
	background: #2D8864 url("../img/icon_17393.svg") no-repeat center center;
	background-size: 32px 32px;
}

#notificacion-peritaje-aviso{
	background-color: #82AF6F;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	margin-left: 26px;
	margin-top: 15px;
}

#notificacion-peritaje-aviso p {
	background-color: transparent;
	color: white;
	width: 20px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 3px 10px 0px 0px;
}

/****************************************************************/

/* cuadro morado : area de para otras notificaciones */

#notificacion-otros{
	/*background-color: #882D64;*/
	background: #882D64 url("../img/icon_8581.svg") no-repeat center center;
	background-size: 32px 32px;
}

#notificacion-otros:hover{
	/*background-color: #882D64;*/
	background: #882D64 url("../img/icon_8581.svg") no-repeat center center;
	background-size: 36px 36px;
}

#notificacion-otros-aviso{
	background-color: #D15B47;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	margin-left: 26px;
	margin-top: 15px;
}

#notificacion-otros-aviso p {
	background-color: transparent;
	color: white;
	width: 20px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 3px 10px 0px 0px;
}

/******************************************************************/

#titulo{
	width: 100%;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #428DB8;
}

#cuerpo{

	width: 100%;
	height: auto;
	margin: 75px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

#titulo-login{
	width: 700px;
	height: 100px;
	margin: 50px auto 0px auto;
	padding: 0px 0px -600px 0px;

}

#titulo-login img{
	width: 800px;
	height: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu{
	width: 25%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #F1F1F1;
	float: left;
}

#contenido{
	width: 75%;
	height: auto;  /* cambiarlo a auto para que cresca con el tamaño de los formularios */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #FEFEFE;
	/*float: right;*/
	margin-left: 26%;
	overflow: hidden;
}

footer{
	width: 100%;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: black;
	clear: both;
}

.opcion{ /*De las opciones de cada categoria*/
	display: block;
	color: #575757;
}

.opcion ul {
	margin: 0px;
	padding: 0px;
}

.opcion ul li{

	list-style: disc;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}

.opcion ul li:hover{ 
	background-color: #2286ED;
	color: #FFF;
	cursor: pointer;
}

/*Para los formularios de ingreso*/


/**************************************************************************************/
/**************************************************************************************/
/* INICIO DE CODIGO PARA PONER LAS IMAGENES A LOS TABS DEL MENU */
.tabs-todas{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.tab-grafico{
	background: #87B87F url('../img/grafico3.svg') no-repeat center center;
	background-size:65% 65%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border: none;
	outline: 0px;
	list-style-type:none;
}

.tab-grafico:hover{
	background: #87B87F url('../img/grafico3.svg') no-repeat center center;
	background-size:75% 75%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border: none;
	outline: 0px;
	list-style-type:none;
	cursor: pointer;
}

.tab-buscar{
	background: #6FB3E0 url('../img/buscar.svg') no-repeat center center;
	background-size:40% 40%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border: none;
	outline: 0px;
	list-style-type:none;
}

.tab-buscar:hover{
	background: #6FB3E0 url('../img/buscar.svg') no-repeat center center;
	background-size:50% 50%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border: none;
	outline: 0px; 
	list-style-type:none;
	cursor: pointer;
}

.tab-gestion{
	background: #D15B47 url('../img/gestion.svg') no-repeat center center;
	background-size:65% 65%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border: none;
	outline: 0px;
	list-style-type:none;
}

.tab-gestion:hover{
	background: #D15B47 url('../img/gestion.svg') no-repeat center center;
	background-size:75% 75%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border: none;
	outline: 0px;
	list-style-type:none;
	cursor: pointer;
}

/**************************************************************************************/
/**************************************************************************************/
/*	 CODIGO PARA LOS BLOQUES A CARGAR COMO FORMULARIOS */

#caja{
	width: 72%;
	height:auto;
	position: fixed;
	background-color: #FFFFFF !important;
	/*border-radius: 10px; */
	margin: 0px 20px 10px 10px;
	padding: 5px 0px 3px 0px;
}

#caja-menu{
	width: 100%;
	height: 46px;
	border: #DDDDDD 1px solid;
	background-color: #F5F5F5;
}

.caja-menu-icox{
	width: 60px;
	height: 42px;
	margin: 2px 0px 0px 20px;
	padding: 0px;
	/*background-color: green;*/
	float: left;
	background: #6FB3E0 url('../img/icono_rayos_x_1.png') no-repeat center center;
	background-size:150% 250%;
	cursor: pointer;
}

.caja-menu-icox:hover{
	background: #6FB3E0 url('../img/icono_rayos_x_2.png') no-repeat center center;
	background-size:150% 250%;
	cursor: pointer;
}

#caja-menu-icox img{
	width: 46px;
	height: 42px;
	margin: 0px;
	padding: 0px;
}

/**************************************************************************************/
/****************** ESTILO PARA EL ESPACIO DE TRABAJO DE LOS FORMULARIOS ************/
.tabla-formulario2  {
	width: 93%;
}

.campo-unico{
	width: 100%;
	
}
/**para usar el lista**/
.lista{
	width: 100%
}

.tabla-un-campo{
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*background-color: red;*/
}
.fila-un-campo{
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*background-color: green;	*/
}
.celda-un-campo1{
	width: 36%;
	float: right;
	margin: 0px;
	padding: 0px;
	
}
input[list]{
	margin: 0px;
	padding: 0px;
	margin-left: -2px;
}

.celda-un-campo2{
	width: 70%;
	margin-left:0px;
	padding: 0px;
}

table {
	width: 90%;
}

table tr{
	width: 80%;
}
table tr td{
	width: 20%;
}
datalist{
	width: 100%;
}
input[type=text]{
	width: 90%;
}
input[type=list]{
	width: 100%;
}

input[type=submit],input[type=reset],input[type=button]
  {
    padding: 0 18px;
    height: 30px;
    font-size: 12px;
    font-weight: bold;
    color: black;
    background: #cde5ef;
    border: 1px solid;
    border-color: black black black;
    border-radius: 5px;
    outline: 0;
  	outline: 0px; 
  	list-style-type:none;

	background: #e0f3fa;
	background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
	background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );

}

input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{
	background: #6db3f2;
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}

select{
	width: 93%;
}

fieldset{
	border: #DDDDDD 1px solid;
	margin-top: 20px;
}

legend{
	color: #428DB8;
}

.plus{
	cursor: pointer;
	color: #428DB8;
}

#formulario {
	margin: 20px;
	margin-top: 50px;
}

#caja-formulario{
	width: 96%;
	height:auto;
	/*border-radius: 10px; */
	margin: 66px 20px 10px 10px;
	border: #DDDDDD 1px solid;
	min-height: 500px;

}

.titulo-formulario{
	font-size: 18px;
	text-align: center;
	background-color: #428DB8;
	border-radius: 5px;
	color: white;
	margin-top: -30px;
}

.tabla-formulario{
	margin-right: auto;
	margin-left: auto;
}

.tabla-formulario td input[type=text]{
	width: 94%;
	padding: 2px 5px;
}
.tabla-formulario td select{
	width: 94%;
	text-decoration: none;
	outline: 0px; 
  	list-style-type:none;
}

.tabla-formulario input[type=text]:focus , .tabla-formulario select:focus {
	list-style: none;
	outline: none;
	border-radius: 4px;
	text-decoration: none;
}


.celda-titulo{
	text-align: right;
	padding: 0px;
}
/*
.tabla-formulario input[type=text], .tabla-formulario select{
	
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	border: black solid 1px; 
	width: 100% !important;
	border-radius: 3px;
	height: 1.5rem;
	padding: 2px 5px;
	margin-bottom: 0.3em;
}
*/


#boton{
	text-align: right;
	margin-top: 20px;
}

#bienvenido{
	width: 100%;
	height: 300px;
	overflow: hidden;
}
#bienvenido-izquierda{
	width: 20%;
	padding-top: 15px;
	height: 103px;
	float: left;
	text-align: center;
}
#bienvenido-centro{
	width: 60%;
	height: 130px;
	float: left;
	text-align: center;
}
#bienvenido-centro p{
	width: auto;
	font-size: 25px;
	color: black;
	height: auto;
	line-height: normal;
	text-align: center;
}
#bienvenido-derecha{
	width: 20%;
	height: 103px;
	padding-top: 15px;
	float: left;
	text-align: center;
}



/********************************************************************************************/
/*Estilo para los iconos de las opciones modificar y eliminar
//para el formulario de consulta */

.icono-usuario-modificar{
	background: #6FB3E0 url('../img/grafico3.svg') no-repeat center center;
	background-size:30% 100%;
	border-radius: 7px;
	border: none;
	outline: 0px;
}

.icono-usuario-modificar:hover{
	background-size:40% 110%;
	cursor: pointer;
}


.icono-usuario-eliminar{
	background: #D15B47 url('../img/gestion.svg') no-repeat center center;
	background-size:30% 100%;
	border-radius: 7px;
	border: none;
	outline: 0px;
}

.icono-usuario-eliminar:hover{
	background-size:40% 110%;
	cursor: pointer;
}


/*******************************************************************************************/
.tabla-busqueda{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
}
.busqueda-td1{
	margin: 0px;
	padding: 0px;
	width: 45%;
	text-align: center;
}
.busqueda-td1 select{
	margin: 0px;
	padding: 0px;
	width: 75%;
}
.busqueda-td2{
	margin: 0px;
	padding: 0px;
	width: 35%;
}
.busqueda-td2 input{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100%;
}
.busqueda-td3{
	margin: 0px;
	padding: 0px;
	width: 20%;
	text-align: center;

}

.busqueda-tabla-encabezado tr{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	text-align: center;
}
.busqueda-tabla-encabezado tr td{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	background-color: green;
}
.tabla-encabezado{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: white;
	font-weight: bold;
	/* celeste claro */
	background: #428DB8;

}
.tabla-encabezado tr{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	text-align: center;
}
.tabla-formulario-usuario{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	background-color:white;
}

.tabla-formulario-usuario tr{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
}
.tabla-formulario-usuario tr:hover td{
	background: #b8e1fc;
background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd));
background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );


	}

.tabla-busqueda-celda1{
	width: 20%;
	height: auto;
	text-align: left;
}
.tabla-busqueda-celda2{
	width: 10%;
	height: auto;
	text-align: center;
}
.tabla-busqueda-celda2 input[type=image]{
	width: 85px;
	height: 25px;
	margin-top: 1px;
	margin-bottom: 3px;
	text-align: center;
	border-radius: 7px;

	border: 1px solid;
    border-color: black black black;
    outline: 0;
  	outline: 0px; 
  	list-style-type:none;

	background: #b8e1fc;
background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd));
background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );

}

.tabla-busqueda-celda2 input[type=image]:hover{
	width: 85px;
	height: 25px;
	margin-top: 1px;
	margin-bottom: 3px;
	text-align: center;
	border-radius: 7px;

	border: 1px solid;
    border-color: black black black;
    outline: 0;
  	outline: 0px; 
  	list-style-type:none;

	background: rgb(210,255,82); 
	background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); 
	background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 );


}






/*#####################################################################################################*/
/* PATOLOGIA */

.fila input[type=text], .fila select{
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	border: black solid 1px;
	width: 100% !important;
	border-radius: 3px;
	height: 1.5rem;
	padding: 2px 5px;
	margin-bottom: 0.3em;
}

.fila input[type=text]:focus , .fila select:focus {
	border-color: blue !important;
}

tr td textarea{
	width: 100%;
}
.tabla-anatomopatologica input[type=text]{
	width: 50% !important;
}

#nombreExclusivo { /* es el DIV contenedor */
margin:4px 2px 2px 7px;
width: 99%;
padding: 0px 0px 0px 0px;
overflow: hidden;
height: auto;
}

#nombreExclusivo dl dd span fieldset{
	border: #DDDDDD 1px solid;
	margin-top: 0px;
	width: 99.08152%;
	padding: 4px 3px 4px 4px;
	margin-left: 0px;
	margin-bottom: 4px;
	height: auto;
}


.accordion { /* propiedades generales de la lista */
margin: 0;
padding: 0;
width: 99%;
height: auto;
overflow: hidden;
}
.accordion dt { /* es enlace/título que expande y contrae */
background-color: #F5F5F5;
border: #DDDDDD 1px solid;
color: #428DB8;
cursor: pointer;
font-size: 17px;
font-weight: bold;
padding: 5px;
text-align: left;
width: 98%;
margin-bottom: 2px;
overflow: hidden;
height: auto;
}
.accordion dt:hover { /* efecto hover sobre ese enlace */
background-color: #0B79EB;
color: white;
}
.accordion dd { /* cada elemento oculto */
margin: 0;
overflow: hidden;
height: auto;
}
.accordion span {  /* el contenido  */
display: block;
margin: 0;
padding: 0px;
width: 99%;
overflow: hidden;
height: auto;
}

#reporte{
	
	background-color:rgba(210,255,82,0.7)
	
}
/*********************************************************************************************/
/* NO BORRAR ESTOS COLORES NI MOVERLOS DEL FINAL DEL ARCHIVO*/

/*background-color: #428DB8;    color celeste oscuro

/*background-color: #61A7D0;    color celeste claro

/*

    celeste claro 
	
	background: #e0f3fa;
	background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
	background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );
	
	celesto oscuro para hover

    background: #6db3f2;
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
	
	/* color verde

	background: rgb(210,255,82); 
	background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); 
	background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 );




*/
/**********************************************************************************************/

